<!DOCTYPE html>
html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    title Document
  body
    include ../_mixin
    -
      var data=[]
      function random(num){
        return Math.floor(Math.random()*num);
      }
      for(var i=0;i<3;i++){
        var name = String.fromCharCode(random(40000))+String.fromCharCode(random(40000));
        var age = random(100);
        data.push({
          name:name,
          age:age
        })
      }
    +container
      +row
        +col({
         
        })
          table.table.table-bordered.table-striped.table-hover
            thead
              tr
                th 姓名
                th 年龄
                th 是否成年
                th 性别
            tbody
              each item in data
               tr(class=item.age>18?'success':'danger')
                td #{item.name}
                td #{item.age}
                td 
                  if item.age>18
                    | 成年
                  else
                    | 未成年
                td
                  - var sex = ['男','女'][random(2)];
                  | #{sex}
      +row
        +col({
          md:4
        })
          form
            h2.text-center 登录
            .form-group.username
              label 用户名
              .input-group
                .input-group-addon
                  i.fa.fa-user
                input.form-control.input-lg(type="text",placeholder="请输入用户名",value="jfkladsjklfj")
              .help-block(style="display:none")
                |请输入用户名，或者是手机号码
              //- p.form-control-static fladsjflkj  
            .form-group.has-feedback.has-error
              label 密码
              .input-group
                .input-group-addon
                  i.fa.fa-lock
                input.form-control(type="password",placeholder="请输入密码")
                i.fa.fa-check.form-control-feedback
            .input-group
              input.form-control(type="text")
              .input-group-addon 验证码
            .checkbox
              label
                input(type="checkbox")
                |是否记住密码
            input.btn.btn-primary.btn-block.btn-lg(type="button",value="登录")
                